<html>
    <head>
        <title>
            如果前端要连接传统后台服务器
        </title>
    </head>
    <body>
        <script>
            /*
                            三、如果前端要连接传统后台服务器

                                        分为部署时的跨域方案和调试时的跨域方案，具体见下：

                                            1、部署时的跨域解决方案

                                                    ①、方案1：  最利索的，当然还是将前端代码和后端接口部署在同域的web服务器上。

                                                    ②、方案2:   由后台服务器配置策略，设置为允许跨域访问。

                                                    例如：  
                                                        
                                                        前端页面部署在uniCloud的前端页面托管里，但是需要访问自己服务器的接口，这时候需要在服务端允许前端页面托管的域名跨域访问。

                                                        不同的服务器框架允许跨域的配置不一样，这里不再一一列举。

                                            2、调试时的跨域解决方案

                                                    前端工程师调试时，运行起来的前端代码在 uni-app 自带的web服务器中，而不是部署在后台业务服务器上，此时就会遇到跨域。

                                                    除了协议后端允许跨域访问，其实也可以自己解决跨域问题。

                                                    共3种方案可选：

                                                    <1> 方案1： 使用HBuliderX内置浏览器

                                                                    这个内置浏览器经过官方处理，不存在跨域问题，简单易用，推荐使用。(需要HBuilderX 2.6以上)

                                                                    在打开页面后，点 HbuilderX右上角的预览，即可打开内部浏览器。

                                                                    或者在"运行菜单"里选择运行到内置浏览器也可以。

                                                    <2> 方案2： 配置webpack-dev-server代理

                                                                   下面是一篇比uni官网文档更详细的配置指南，这里就直接贴地址了：https://juejin.im/post/5e43b2645188254902765766
                                                                   
                                                    <3> 方案3： 给浏览器安装跨域插件，禁止浏览器报跨域

                                                                   (本插件并非万能，请仔细阅读与学习浏览器安全策略相关知识，不懂这些知识在评论里瞎喷的，官方不会回复。)

                                                                   当我们使用谷歌浏览器调试ajax请求的时候可能会遇到这两个问题：

                                                                        ①、跨域资源共享 详见：CORS   https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CORS

                                                                        ②、跨源读取阻塞 详见：CORB   https://chromestatus.com/feature/5629709824032768

                                                                  最常见的就是关于"跨域资源共享"的问题，也就是我们通常说的跨域。 当我们本地服务器预览页面，使用ajax访问远程服务器的内容时就会失败，

                                                                  比如：本地预览的地址是 ：http://localhost:8080/  ,访问接口地址是： http://dcloud.io/api

                                                                  如果仅仅是为了本地预览，可以使用Chrome浏览器插件来协助调试。 

                                                                  ！！！本插件只能解决"简单请求"的跨域问题（点击搜索什么是简单请求： ），对于非简单请求的OPTION预检（点击搜索什么是预检请求） 以及下上服务器也有跨域需求的用户，可以服务端配合解决。



                                                                  chrome跨域插件使用方式：https://zh.uniapp.dcloud.io/tutorial/CORS.html
                    */
        </script>
    </body>
</html>